﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MonitorPlan.devices.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8" />
    <title>Reports</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="css/bootstrap.css" rel="stylesheet" />
    <script src="../js/jquery-1.9.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <style type="text/css">
        ul.device{
            list-style: none;
        }
        ul.device li{
            margin: 9px 2px;
            font-family: Arial;
            font-size: 14px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="container">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
     
        <asp:UpdatePanel ID="up1" runat="server">
            <ContentTemplate>
               <h3 class="text-success">Transaction Report</h3>
                <hr />
                <asp:SqlDataSource ID="sd1" runat="server" ConnectionString="<%$ ConnectionStrings:conStr %>"
             SelectCommand="select houseid, housename from house where userid=0"></asp:SqlDataSource>
                <label for="ddlHouse">Your House: </label>
                <asp:DropDownList ID="ddlHouse" runat="server" AutoPostBack="true" DataSourceID="sd1"
                     DataTextField="housename" DataValueField="houseid" CssClass="input-sm" OnSelectedIndexChanged="ddlHouse_SelectedIndexChanged">

                </asp:DropDownList>
                <button class="btn btn-success btn-sm" type="button" onclick="location.reload();">Refresh</button>
                <div class="row">
                    <div class="col-sm-12 col-xs-12 col-md-12" id="report" runat="server">
                
                    </div>
                </div>

            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>
